html,body,div,ul,li,a,span,table,img,tr,td,tbody,script{
  padding: 0;
  margin: 0;
  font-family:"Microsoft YaHei",Arial ;
}
ul{
  li{
    list-style-type: none;
  }
}
a{
  text-decoration: none;
  img{
    border: none;
  }
}
.header{
  background: url("../images/header_top_01.jpg");
  .header_top{
    height: 72px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    .logo{
      display: block;
      width: 343px;
      height: 31px;
      margin-top: 21px;
      background: url("../images/logo_03.jpg") no-repeat center;
      float: left;
    }
    .header_menu{
      float: right;
      padding-top: 17px;
      position: relative;
      padding-left: 50px;
      .search{
        display: inline-block;
        width: 29px;
        height: 29px;
        line-height: 28px;
        text-align: center;
        border-radius: 50%;
        margin-right: 20px;
        margin-top: 13px;
        background:url("../images/search.png") no-repeat center;
        cursor: pointer;
        position: absolute;
        top: 15px;
        left: 0;
        i{
          color:rgb(119,103,78) ;
        }
      }
      a.links{
        width: 144px;
        height: 55px;
        line-height: 55px;
        //text-align: center;
        color: rgb(255,240,236);
        font-size: 16px;
        display:inline-block;
        background:url("../images/links_bg_03.jpg") ;
        cursor: pointer;
        margin-left: -2px;
        span{
          display: block;
          float: left;
          width: 20px;
          height: 100%;
          margin-left: 24px;
          margin-right: 10px;
        }
      }
      .search+.links {
        span{
          background: url("../images/zzjy.png") no-repeat center;
        }
      }
      .links+.links{
          span{
            background: url("../images/jxky.png") no-repeat center;
          }
      }
      .links+.links+.links{
        span{
          background: url("../images/yygl.png") no-repeat center;
        }
      }
      a.links+a.links+a.links{
        margin-left: -3px;
      }
      a.links:hover{
        background: url("../images/nav_bg_02.jpg");
      }
    }
  }
  .nav_menu{
    background: url("../images/nav_bg_02.jpg");
    height: 40px;
    ul{
      display: block;
      width: 100%;
      max-width: 1140px;
      margin: 0 auto;
      height: 40px;
      position: relative;
      padding-left: 60px;
      li{
        width:8.3333333333%;
        float: left;
        height: 40px;
        line-height: 40px;
        a{
          float: right;
          color: white;
        }
        ul{
          display: none;
        }
      }
      li:first-child{
        width: 60px;
        position: absolute;
        top: 0;
        left: 0;
        a{
          span{
            display: inline-block;
            height: 100%;
            width: 28px;
          }
        }
      }
    }
  }
  .header_bg{
    height: 200px;
    background: url("../images/header_bg.jpg") center;
  }
}
.header.index_header{
  .header_bg{
    height: 320px;
    background: url("../images/index_header_bg.jpg") center;
  }
}
.main{
  padding-top: 20px;
  padding-bottom: 80px;
  background: url("../images/contain_bg_03.jpg");
  .contain{
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    .leftSide{
      float: left;
      width: 23%;
      h3{
        display: block;
        width: 100%;
        height: 95px;
        line-height: 95px;
        text-align: center;
        color: white;
        font-weight: 500;
        margin: 0;
        font-size: 26px;
        background: url("../images/first_column.jpg") center;
      }
      .column_list{
        width: 100%;
        ul{
          width: 100%;
          li{
            width: 100%;
            border-top:1px solid rgb(171,125,64) ;
            background: url("../images/subMenu.jpg");
            a{
              display: block;
              padding-left: 38%;
              height: 46px;
              line-height: 46px;
              color:rgb(112,27,26) ;
              font-size: 16px;
              background: url("../images/selected.png") no-repeat 27.54% center;
              cursor: pointer;
            }
          }
          li.selected,li:hover{
            background: url("../images/subMenu_sected.jpg");
            a{
              color: white;
              background: url("../images/selected_a.png") no-repeat 27.54% center;
            }
          }
        }
      }
    }
    .rightSide{
      width: 77%;
      float: left;
      .rightSide_contain{
        padding-left: 25px;
        .bread{
          text-align: right;
          color: rgb(69,69,69);
          padding-bottom: 25px;
          a{
            color: rgb(131,31,31);
            font-size: 14px;
            cursor: pointer;
            margin: 0 5px;
          }
          a:last-child{
            color: rgb(69,69,69);
            margin-right: 0;
            cursor: default;
          }
        }
        .column_title{
          background: url("../images/column_title_bg.jpg") repeat-x bottom;
          height: 50px;
          .name{
            background: url("../images/column_bg.jpg") no-repeat left center;
            padding-left: 28px;
            font-size: 22px;
            color: rgb(69,69,69);
          }
        }
        .content{
          padding-top: 12px;
          ul.list_ul{
            width: 100%;
            li{
              height: 35px;
              line-height: 35px;
              border-bottom: 1px solid rgb(215,215,215);
              position: relative;
              padding-right: 120px;
              a{
                float: left;
                font-size: 14px;
                color: rgb(51,51,51);
                display: block;
                width: auto;
                max-width: 100%;
                line-height: 35px;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                cursor: pointer;
              }
              span{
                float: right;
                font-size: 14px;
                color:rgb(51,51,51) ;
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                height: 35px;
                line-height: 35px;
              }
            }
          }
        }
      }
    }
  }
}
.footer{
  padding: 30px 0 16px 0;
  background: rgb(219,219,219);
  .footer_contain{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    .friendshipLink{
      width: 25%;
      border-right: 1px solid rgb(191,191,191);
      float: left;
      >div{
        float: left;
        width: 50%;
        .title{
          color: rgb(131,31,31);
          font-size: 16px;
          padding-bottom: 10px;
        }
        ul{
          li{
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            a{
              color: rgb(83,83,83);
            }
          }
        }
      }
    }
    .info{
      width: 50%;
      float: left;
      div{
        float: left;
        width: 50%;
        height: 44px;
        line-height: 44px;
        text-indent: 80px;
        font-size: 12px;
        color: rgb(83,83,83);
      }
      .address{
        background: url("../images/address.jpg") no-repeat 45px center;
      }
      .phone{
        background: url("../images/phone.jpg") no-repeat 45px center;
      }
      .email{
        background: url("../images/email.jpg") no-repeat 45px center;
      }
    }
    .QR_code{
      float: right;
      div{
        float: right;
        width: 80px;
        padding-top: 80px;
        line-height: 26px;
        font-size: 12px;
        color: rgb(83,83,83);
        margin-left:12px ;
        text-align: center;
      }
      .subscription_number{
        background: url("../images/subscription.jpg") no-repeat center top;
      }
      .service_number{
        background: url("../images/service.jpg") no-repeat center top;
      }
    }
  }
}
.clear_both{
  height: 0 !important;
  float: none !important;
  clear: both !important;
}